header {
    background-color: #56534c;
    display: flex;
    justify-content: center;
    padding-top: 1%;
    color: #f3f1e9;
}

.logo_header {
    padding-right: 5%;
}

.logo_header img:hover{
    filter: brightness(0.7);
}

#header_menu_ul li {
    display: inline-grid;
    cursor: pointer;
    margin-left: 30px;
}
 
#header_menu_ul li:hover{
    color: rgb(106, 199, 30);
    border-bottom: black 1px soplid;
}

.socials {
    padding-left: 5%;
    cursor: pointer;
}

.socials a {
    padding-left: 20px;
}

.socials img {
    height: 25px;
    filter: brightness(0.7);
}

.socials img:hover {
    filter: brightness(1);
}